<div data-page="<{$pageName}>" class="page">
    <div class="page-content" style="background-color:#eee">
    <input type="hidden" id="KnowledgeVaule" value="<{$data.id}>">
        <div class="container getKnow" style="background-color:#fff; padding:0px ;  ">
            <div class="getKnow-img">
                <img src="__Images__/BoxEdu/img_template_bg-42870e49.png">
                <div class="title-word mgl20">
                    <span class="period"><span style="font-size: 3.5rem; line-height: 35px;" class="ng-binding"><{$signData['count']?$signData['count']:0}></span>天</span>
                    <span class="inline-block" style="vertical-align: middle">
                    <span class="font16 ng-binding">打卡学编程</span>
                    <br><span class="ng-binding"><{$signData['last_sign_date']?$signData['last_sign_date']:date("Y-m-d")}> 开始</span>
                    </span>
                </div>
            </div>
            <div class="getKnow-info">
                <!--  <p><a>1、点击查看详细活动介绍</a></p>
              <p><a>2、查看我的打卡记录</a></p> -->
               <!--  <p>1、60秒后会出现打卡按钮</p> -->
                <p>1、连续第N天打卡，当天奖励1×N积分。连续打卡超过21天，每天固定奖励15学分。打卡中断后，再次打卡奖励积分重新从1学分开始计算，总学分累积。</p>
                <p>2、学分可用于申请奖学金</p>
                 <p><a href="<{:U('KnowledgeLog')}>"  title="打卡记录" >查看我的打卡记录</a></p> 
            </div>
        </div>
        <div class="container mgt10 getKnow-record" style="background-color:#fff; padding:0px ;">
            <h3>知识包</h3>
            <div class="getKnow-item getKnow-item-x">
             你好啊！
                <!-- <div class="getKnowW1000"> -->
                <{$data.content}>
                <!-- </div> -->
            </div>
        </div>
        
    </div>
    <div class="fixedBottom">
    <if condition="$has_sign">
       <a  style="width:60%; margin:0 20%;  " id="signBtn" class="btn btn-primary border-radius-none"> 已打卡</a>
     <else/>
      <a disabled style="width:60%; margin:0 20%; "  sec="<{$data.sec}>" id="signBtnBefore" class="btn btn-primary border-radius-none"> 倒计时 ：<span><{$data.sec}></span> 秒</a>
        <a  style="width:60%; margin:0 20%; display: none;  " id="signBtn" class="btn btn-primary border-radius-none"> 打卡</a>
     </if>   
    </div>
</div>

